* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.clearfix:after {
    height: 0;
    display: block;
    content: ".";
    visibility: hidden;
    clear: both;
}

.clear {
    height: 0;
    line-height: 0;
    font-size: 0;
    display: block;
    clear: both;
}

li {
    list-style: none;
}


/* img {
    max-width: 100%;
    border: 0;
} */

a {
    text-decoration: none;
    color: #333;
}

i {
    font-style: normal
}
hr{
    margin: 20px 0;
}
em {
    font-style: normal
}
html{
    font-size: 120px;
}
body {
    font: 14px/1.5 'Microsoft YaHei', 'Heiti SC', tahoma, arial, 'Hiragino Sans GB', \\5B8B\4F53, sans-serif;
    -webkit-text-size-adjust: none;
    overflow-x: hidden;
    max-width: 100%;
    color: #333;

}

.w {
    width: 100%;
    margin: 0 auto;
    min-width: 1680px;
}

.cont {
    width: 1680px;
    margin: 0 auto;
}

#hide_nav .common_w{
     width: 87%;
    max-width: 1680px;
}
.common_w {
    width: 1180px;
    margin: 0 auto;
}

.nav_w {
    width: 1200px;
    margin: 0 auto;
}

#m_nav {
    display: none;
}

@media(max-width:1680px) {
    .w {
        min-width: 10rem;
    }
    .w .cont {
        width: 100%;
    }
    .common_w {
        width: 7.14rem;
    }
    .nav_w {
        width: 7.14rem;
    }
}
@media(max-width:1366px) {
    #hide_nav .common_w{
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
}